<!doctype html>
<html lang="en">
{% load static %}
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详情</title>
    <script type="text/javascript" src="{% static 'bl/js/jQuery.js' %}"></script>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_850328_4weqx76q6s5.css">
    <link rel="stylesheet" href="{% static 'bl/css/xiangqing.css' %}">
</head>
<body>
    <div class="fixed"></div>
    <ul class="meau">
        <a href="/blog/"><li>首页</li></a>
        <a href="lianjie.html"><li>链接</li></a>
        <a href="lianjie.html"><li>归档</li></a>
        <a href="/blog/liuyan/"><li>留言</li></a>
        <a href="/blog/login/"><li>登录</li></a>
    </ul>
    <div class="alert">
        <div class="search">Type then select or enter</div>
    </div>
    <header>
        <div class="left">
            <i class="iconfont icon-sousuo"></i>
        </div>
        <div class="right" id="meau">
            <i class="iconfont icon-caidan"></i>
        </div>
    </header>
    <div class="head">
        <div class="center">
            <div class="top"></div>
            <h3>This is beauty</h3>
        </div>
    </div>

    <div class="wrapper">
        <svg id="header-decor" class="decor bottom" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
            <path class="large left" d="M0 0 L50 50 L0 100" fill="rgba(255,255,255, .1)"></path>
            <path class="large right" d="M100 0 L50 50 L100 100" fill="rgba(255,255,255, .1)"></path>
            <path class="medium left" d="M0 100 L50 50 L0 33.3" fill="rgba(255,255,255, .3)"></path>
            <path class="medium right" d="M100 100 L50 50 L100 33.3" fill="rgba(255,255,255, .3)"></path>
            <path class="small left" d="M0 100 L50 50 L0 66.6" fill="rgba(255,255,255, .5)"></path>
            <path class="small right" d="M100 100 L50 50 L100 66.6" fill="rgba(255,255,255, .5)"></path>
            <path d="M0 99.9 L50 49.9 L100 99.9 L0 99.9" fill="rgba(255,255,255, 1)"></path>
            <path d="M48 52 L50 49 L52 52 L48 52" fill="rgba(255,255,255, 1)"></path>
        </svg>
    </div>
    <main>
        <div class="con">

            <h1>{{ blog.title }}</h1><br>
            <h1>{{blog.content }}</h1>
{#            <p>现在的明星的影响力足以影响国内娱乐圈的"半壁江山"，发条微博，新浪都恐慌好几天，来来来，蹭个热点给大家介绍一下我的女朋友。</p>#}
{#            <p>单身狗哪有女朋友，汪！汪！哈哈，（翻白眼）</p>#}
{#            <p>回来，几月不正经写 更新文，不会就这样吧啦几句就跑的，说回正事；当前 Yarn 也差不多使用了一年的时间，发售也同样一年了，起初不做任何宣传的情况下，也有几十份的出售，默默地挂着，等待下一个“有缘人”，最近被推倒了 主题网，突然间询问的人多了起来，然而少数的是购买者，无用功的时间有点多啊，怎么说也是该感谢，因为至少被人认可是件让我觉得值得和高兴的事。更多的，我该感谢的是每一位用户和每一次用心给我反馈的用户，因为我始终认为别人的时间是金钱，别人能在这这浪费时间说明至少我的作品还是存在一定的“等价”价值，#}
{#                这也是每一次的版本更新我都会在邮件结尾以“感谢大家对 Yarn 的认可和支持”致谢的原因。他们说这个价格，可能不是强大的，但最好看最有个性的就是 Yarn 了， 69 元买不了吃亏，买不了上当！</p>#}
{#            <div class="works">#}
{#                <div class="left">#}
{#                    <img src="img/yarn.jpg" alt="">#}
{#                </div>#}
{#                <div class="right">#}
{#                    <h2>关于购买Yarn<span>2016-09-19 07:30</span></h2>#}
{#                    <p>首先说明一下，Yarn是本人第一款付费主题，用心用力，只为小众，不卖代码。函数各种代码满网络可找，设计可以千差万别。Yarn定位是清新、单栏、个性，如果你想要的是一款与众不同的主题，那么Yarn是您的</p>#}
{#                </div>#}
{#            </div>#}
{#            <div class="book">#}
{#                <img src="img/book.png" alt="">#}
{#            </div>#}
{#            <h3>ONE MORE THING</h3>#}
{#            <p>也是说到 Yarn 已经用的时间一年了，人总是向往对美好的事物，所以这次是 Dcras ！至于命名有什么含义，以后再告诉大家，聪明的您可能从旁边的预览图能找到答案。</p>#}
{#            <p>国庆期间有了 Dcras 这个想法，现阶段只是试点代码实现了头部和部分的文章样式（草图画成这屌样就敢动工也是服），试着尝试一下我最不喜欢的三栏目布局，悦目的动效一直是我做主题追求的，所以这次 Dcras 也是！我郑重的在这立下个 Flag ，#}
{#                Pjax 不完成我是绝对不会上线的，所以有可能遥遥无期，给我的点时间（ Maybe next year ），我会令它变得更 perfect ！</p>#}
{#            <p>当然 Dcras 也是一款 wordpress 付费主题，将会应用到更多 WordPress 支持的强大功能，模版更丰富，至于大家关系的价格问题，#}
{#                我会说：只有 Yarn 的用户可以向我“讨价还价”！其他一律原价！这是对我 Yarn 用户承诺最真诚的福利。</p>#}
{#            <h4>2019/9/19 更新</h4>#}
            <div class="bottom">
                <div class="left" id="comment">
{#                    <form method="post" action="/comments/comment_list/">#}
{#                        <span>name="blog_id" value="{{ blog.id }}"</span>      value="{{ blog.id }}#}
{#                        <input type="hidden" name="blog_id" >#}
{#                        <input type="hidden" name="blog_id" value="{{ blog.id }}">#}
{#                        <i class="iconfont icon-xinxi">折叠评论区</i>#}
                    <a href="javascript:;"><button onclick="pl()">折叠评论区</button></a>
{#                        <li><button  type="submit"> 提交</button></li>#}

{#                    </form>#}


                </div>
                <div class="right" id="share">
                    <i class="iconfont icon-xinxi"></i>
                    分享
                </div>
            </div>

        </div>
        <div class="share">
            <div class="con">
                <ul>
                    <li>
                        <i class="iconfont icon-kongjian"></i>
                    </li>
                    <li>
                        <i class="iconfont icon-weibo"></i>
                    </li>
                    <li>
                        <i class="iconfont icon-douban1"></i>
                    </li>
                    <li>
                        <i class="iconfont icon-birdxiaoniao"></i>
                    </li>
                </ul>
            </div>

        </div>
        <div class="comment">
            <div class="con">
                <h2>评论</h2>
                <div class="ul">
                    <ul>
                        {% for i in comments%}
                            <li class="li">
                                <div class="left"></div>
                                <div class="right">
    {#                                <div class="autor">{{ blog.author }}</div>#}
                                    <div class="word">{{ i.text }}</div>
                                    <div class="time">{{ i.created_time }}</div>
{#                                    <input type="text" placeholder="请回复" class="huifu">#}
                                </div>
                            </li>
                        {% endfor %}
{#                        <li class="li">#}
{#                            <div class="left"></div>#}
{#                            <div class="right">#}
{#                                <div class="autor">Wxxx</div>#}
{#                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>#}
{#                                <div class="time">2018年2月16日 <span class="huifu1">回复</span></div>#}
{#                                <input type="text" placeholder="请回复" class="huifu">#}
{#                            </div>#}
{#                        </li>#}
{#                        <li class="li">#}
{#                            <div class="left"></div>#}
{#                            <div class="right">#}
{#                                <div class="autor">Wxxx</div>#}
{#                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>#}
{#                                <div class="time">2018年2月16日 <span class="huifu1">回复</span></div>#}
{#                                <input type="text" placeholder="请回复" class="huifu">#}
{#                            </div>#}
{#                        </li>#}
{#                        <li class="li">#}
{#                            <div class="left"></div>#}
{#                            <div class="right">#}
{#                                <div class="autor">Wxxx</div>#}
{#                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>#}
{#                                <div class="time">2018年2月16日 <span class="huifu1">回复</span></div>#}
{#                                <input type="text" placeholder="请回复" class="huifu">#}
{#                            </div>#}
{#                        </li>#}
{#                        <li class="li">#}
{#                            <div class="left"></div>#}
{#                            <div class="right">#}
{#                                <div class="autor">Wxxx</div>#}
{#                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>#}
{#                                <div class="time">2018年2月16日 <span class="huifu1">回复</span></div>#}
{#                                <input type="text" placeholder="请回复" class="huifu">#}
{#                            </div>#}
{#                        </li>#}
{#                        <li class="li">#}
{#                            <div class="left"></div>#}
{#                            <div class="right">#}
{#                                <div class="autor">Wxxx</div>#}
{#                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>#}
{#                                <div class="time">2018年2月16日 <span class="huifu1">回复</span></div>#}
{#                                <input type="text" placeholder="请回复" class="huifu">#}
{#                            </div>#}
{#                        </li>#}
                    </ul>

                </div>
                <form method="post" class="form-x" action="/comments/sub_comment/">
                    <div class="message">
                        <ul>
                            <li>
                                <input type="text" name="name" placeholder="昵称:">
                            </li>
                            <li>
                                <input type="text" name="email" placeholder="邮箱:">
                            </li>
                            <li>
                                <input type="text" name="url" placeholder="地址:">
                            </li>
                            <li>
                                <input type="hidden" name="blog_id" value="{{ blog.id }}">
                            </li>
                        </ul>
                    </div>
                    <div class="message message1">
                        <ul>
                            <li>
                                <input type="text" name="text" placeholder="你不想说些什么吗">
{#                                <input type="text" placeholder="你不想说些什么吗?(๑╹◡╹)...">#}
                            </li>
                            <li><button  type="submit"> 提交</button></li>
{#                            <li><button>发送</button></li>#}
                        </ul>
                    </div>
                </form>

            </div>

        </div>
    </main>
    <!--左右按钮-->
    <div class="btn_left"><</div>
    <div class="slide">重构图样样式设计</div>
    <div class="btn_right">></div>
    <div class="slide1">重构图样样式设计</div>

    <div class="wrapper wrapper1">
        <svg id="header-decor" class="decor bottom" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
            <path class="large left" d="M0 0 L50 50 L0 100" fill="rgba(255,255,255, .1)"></path>
            <path class="large right" d="M100 0 L50 50 L100 100" fill="rgba(255,255,255, .1)"></path>
            <path class="medium left" d="M0 100 L50 50 L0 33.3" fill="rgba(255,255,255, .3)"></path>
            <path class="medium right" d="M100 100 L50 50 L100 33.3" fill="rgba(255,255,255, .3)"></path>
            <path class="small left" d="M0 100 L50 50 L0 66.6" fill="rgba(255,255,255, .5)"></path>
            <path class="small right" d="M100 100 L50 50 L100 66.6" fill="rgba(255,255,255, .5)"></path>
            <path d="M0 99.9 L50 49.9 L100 99.9 L0 99.9" fill="rgba(255,255,255, 1)"></path>
            <path d="M48 52 L50 49 L52 52 L48 52" fill="rgba(255,255,255, 1)"></path>
        </svg>
    </div>
    <footer>
        <ul class="top">
            <li>
                <i class="iconfont icon-weibo"></i>
            </li>
            <li>
                <i class="iconfont icon-ai-weixin"></i>
            </li>
            <li>
                <i class="iconfont icon-qq"></i>
            </li>
        </ul>
        <div class="bottom">Copyright©2018. Design by 17sucai</div>
    </footer>
    <!---->
<script src="{% static 'bl/js/liuyan.js' %}"></script>
</body>

<script>

function pl(){

{#    username = $("[name=username]").val()#}
{#    password = $("[name=password]").val()#}
{#    remember = $("[name=remember]").val()#}
{#    console.log(username,password)#}
{#    if(username!="" && password!=""){#}
        $.ajax({
            url:"/comments/comment_list/",
            type:"post",
            contentType: "application/json; charset=utf-8",
            data:JSON.stringify({'id':{{ blog.id }}),
            success:function(data){
                if(data.res == 1){
                    location.href = "./"
                }else{
                      $("[name=username]").text('用户名或密码错误').show()
                  }
            }

        })
    }

}

</script>
</html>